<!doctype html>
<html lang="zh-cn">
<head>
	<meta charset="utf-8">
	<meta name="Description" content="页面描述" />
	<meta name="Keywords" content="页面关键字" />
	<meta name="viewport" content="width=640,minimum-scale=0,maximum-scale=5,user-scalable=no">
	<script>
		if (navigator.appVersion.indexOf('Android') != -1) {
			document.addEventListener("DOMContentLoaded", function (e) {
				document.querySelector('body').style.zoom = e.target.activeElement.clientWidth / 640;
			});
		}
	</script>
	<title>活动中心</title>
	<link href="css/common.css" rel="stylesheet">
</head>
<body>
	<div class="activity-center">
		<ul>
			<a href="活动_活动详情-选择收费项目.html">
			<li>
				<div class="activity-center-img">
					<img src="images/丝袜.jpg" width="100%" />
					<p class="activity-img-desc">乐Y乐丝袜接龙</p>
					<span class="activity-img-lv">限普通会员</span>
				</div>
				<p class="activity-center-desc co5">懂得欣赏，才能成就美丽!千丝万缕，乐Y乐，让女人的美丝丝入扣</p>
				<div class="activity-center-time co2 bt">
					<p>时间：16-05-01 19：00 至16-05-26 22：00</p>
					<span class="activity-center-get co1">进行中</span>
				</div>
			</li>
			</a>
			<li>
				<div class="activity-center-img">
					<img src="images/美容巾.jpg" width="100%" />
					<p class="activity-img-desc">【苏尚兒】微米美容巾源自韩国</p>
					<span class="activity-img-lv">限创业卡会员</span>
				</div>
				<p class="activity-center-desc">【美容巾原价98会员价68每盒6条】【长巾原价128会员价88每盒3条】【浴巾原价199会员价158每盒2条</p>
				<div class="activity-center-time co2 bt">
					<p>时间：16-05-01 19：00 至16-05-26 22：00</p>
					<p>地点：华美达国际酒店6楼会场</p>
					<span class="activity-center-get co1">进行中</span>
				</div>
			</li>
			<li>
				<div class="activity-center-img">
					<img src="images/商务男袜.jpg" width="100%" />
					<p class="activity-img-desc">苏尚儿商务男袜</p>
					<span class="activity-img-lv">限财富卡会员</span>
				</div>
				<p class="activity-center-desc">苏尚儿商务男袜，三色六条双每盒179元，会员价148元</p>
				<div class="activity-center-time co2 bt">
					<p>时间：16-05-01 19：00 至16-05-26 22：00</p>
					<span class="activity-center-get co2">已结束</span>
				</div>
			</li>
		</ul>
	</div>
	<section class="pop">
		<div class="pop-rule">
			<p class="pop-rule-title tc">中会分享惠活动介绍</p>
			<ul>
				<li><em class="pop-rule-num">1</em>中会分享惠活动是通过线下的方式，定期组织不同等级会员进行活动。</li>
				<li><em class="pop-rule-num">2</em>会员参与活动可获得分享劵的赠送。</li>
				<li><em class="pop-rule-num">3</em>会员参与活动可获得分享劵的赠送</li>
			</ul>
		</div>
		<a href="javascript:popHide();" class="pop-dete">确定</a>
	</section>
</body>
<script src="js/zepto.min.js"></script>
<script>
	//默认显示
	popShow('.pop');
	//弹窗
	function popShow(id) {
		var p = $(id);
		if (p) {
			p.show();
			p.css({
				position: 'fixed',
				top: '50%',
				left: '50%',
				marginTop: -p.height() / 2,
				marginLeft: -p.width() / 2,
				zIndex: 1000
			});
			p.attr('for', 'pop');
			$('body').append('<div for="overlay" style="width:100%;height:100%;position:fixed;top:0;left:0;z-index:999;background:rgba(0,0,0,0.6);"></div>');
		}
	}
	function popHide(){
		$('[for="pop"]').hide();
		$('[for="overlay"]').remove();
	}
</script>
</html>